/* 
    Document   : style
    Created on : 25-Jul-2014, 06:29:04
    Author     : Yohanes Beny
    Description:
        Purpose of the stylesheet follows.
*/

body {
    margin: 0;
    padding: 0;
    color: #666;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    line-height: 1.4em; 
    background-color: #f7f7f7;
    background-repeat: repeat-x;
    background-position: top;
}

#home { background-image: url(../img/background.png) }

#wrap{
    width: 1300px;
    padding: 0 5px;
    margin: 0 auto;
}

#header{
    width: 1300px;
    height: 25px;
}

#header_kiri{
    float: left; display: inline-block; padding-top: 5px; padding-left: 75px; width: 600px
}

#header_kanan{
    float: right; display: block; padding-top: 7px; padding-right: 75px; width: 300px;
}

#search{
    clear: both; margin-top: 0; text-align: left; width: 475px; height: 27px; background: url(../img/search.png) no-repeat bottom;
}

#search form{
    margin: 0;
    padding: 0;
}

.kataKunci{
    float: left; font-size: 14px; display: block; background: none; border: none; height: 26px; width: 320px;
    color: #666; margin-left: 27px; padding: 0 12px;
}

.button{
    float: right; display: block; background: none; border: none; cursor: pointer; height: 26px; width: 102px;
}

#akses{
    clear: both; margin-top: 0; text-align: right; width: 160px; height: 40px; background: url(../img/butAkses.png) no-repeat bottom;
    float: right;
}

#akses form{
    margin: 0;
    padding: 0;
}

.butMsk{
    float: right; display: block; background: none; border: none; cursor: pointer; height: 35px; width: 80px;
}

.butDaftar{
    float: left; display: block; background: none; border: none; cursor: pointer; height: 35px; width: 80px;
}

#menuUtama{
    width: 1300px;
    height: 300px;
    background: #e8e9e9;
    margin-top: 23px;
    margin-left: 0;
}

#menuUtama form{
    margin: 0;
    padding: 0;
}

#menuUtama_logo{
    display: inline-block; text-align: left; width: 430px; height: 127px; background: url(../img/logo.png);
}

#menuUtama_peta{
    float: right; clear: both; padding-right: 100px;display: block; background: #666; height: 300px; width: 750px;
}

#content_1{
    width: 1300px;
    height: 380px;
    background: transparent;
    margin-top: 5px;
    margin-left: 0;
}

#content_1 form{
    margin: 0;
    padding: 0;
}

#content_1_inspiratif{
    float: left; display: inline-block; width: 780px; height: 380px; background: #269abc;
}

#content_1_testimony{
    float: right; display: block; height: 380px; width: 515px; background: #e8e9e9;
}

#content_1_testimony_atas{
    display: inline-block; height: 30px; width: 515px; background: #e8e9e9;
}

.icon_left{
    float: left; display: inline-block; margin-left: 10px; margin-top: 4px; width: 4px; height: 22px; background: #e40082;
}

.judul{
    display: block; float: left; margin-left: 15px; margin-top: 5px; width: 200px; height: 25px; background: none;
    font-size: 20px; color: #000; 
}

.setTanggal{
    display: block; float: right; margin-right: 10px; margin-top: 5px; width: 250px; height: 25px; background: none;
    font-size: 20px; color: #000; text-align: right;
}

#spacer{
    display: inline-block; width: 500px; height: 5px;
}

#testimony{
    display: inline-block; width: 505px; height: 130px; background: #269abc; float: left; margin-left: 5px;
}

#komentar_tes{
    display: inline-block; width: 375px; height: 130px; text-align: justify; color: white;
    font-size: 14px;
}

#foto_tes{
    display: inline-block; height: 130px; width: 130px; background: #e40082;
}

.color1{
    background: #b6b281
}

.color2{
    background: #67b83b;
}

.posisi_kanan{
    float: right;
}